<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet library="css" name="reset.css"/>
        <h:outputStylesheet library="css" name="maincss.css"/>
        <h:outputStylesheet library="css" name="reset.css"/>
        <h:outputStylesheet library="css" name="style_1.css"/>
        <h:outputStylesheet library="css" name="rhinoslider-1.05.css"/>
        <h:outputStylesheet library="css" name="formLogin.css"/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"/>

        <h:outputScript library="script" name="jquery-1.7.1.min.js"></h:outputScript>
        <h:outputScript library="script"  name="jquery-1.4.3.min.js"/>
        <h:outputScript library="script"  name="mousewheel.js"></h:outputScript>
        <h:outputScript library="script"  name="rhinoslider-1.05.js"></h:outputScript>
        <h:outputScript library="script"  name="easing.js"></h:outputScript>


        <script type="text/javascript"> 
            $(document).ready(function() {
                $('a.tab').click(function(){
                    $('.active').removeClass('active');
                    $(this).addClass('active');
                    $('.content').slideUp();
                    var content_show = $(this).attr('title');
                    $('#'+ content_show).slideDown();
                
                });
            });
        
    
        </script>
        <script type="text/javascript"> 
            $(document).ready(function(){
                $('#slider').rhinoslider({
                    autoPlay:true
                });
            });
        </script>
        <script type="text/javascript">
            $(function() {
                $('#activator').click(function(){
                    $('#overlay').fadeIn('fast',function(){
                        $('#box').animate({'top':'160px'},500);
                    });
                });
                $('#boxclose').click(function(){
                    $('#box').animate({'top':'-210px'},500,function(){
                        $('#overlay').fadeOut('fast');
                    });
                });

            });
        </script>
        <title><ui:insert name="windowsTitle"/></title>
    </h:head>

    <h:body>
        <div id="wrapper">
            <div id="header">
                <ui:insert name="top">
                    <ui:include src="/header.xhtml"/>
                </ui:insert>
            </div>

            <div id="main">
                <div id="sidebar" class="float-left">
                    <ui:insert name="left">
                        <ui:include src="/LeftSide.xhtml"/>
                    </ui:insert>
                </div>
                <div id="content-main" class="float-left">

                    <ui:insert name="content">
                        <ui:include src="/content.xhtml"/>
                    </ui:insert>
                </div>
            </div>
            <div id="footer">
                <ui:insert name="bottom">
                    <ui:include src="Bottom.xhtml"/>
                </ui:insert>
            </div>
        </div>
    </h:body>

</html>
